<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="decorator :: common_header(~{::'title/text()'},~{::customHead})">
    <meta charset="UTF-8">
    <title>我的消息</title>

    <!--/*/ <th:block th:fragment="customHead" > /*/-->
    <!-- jQuery 2.2.3 -->
    <link href="lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>
    <link href="lib/css/custom/dlstyle.css" rel="stylesheet" type="text/css">
    <link href="lib/css/custom/personal.css" rel="stylesheet" type="text/css">
    <link href="lib/css/custom/newstyle.css" rel="stylesheet" type="text/css">
    <!--/*/ </th:block > /*/-->

</head>
<body th:replace="decorator :: common_body(~{::mainBody},~{::tailScript})">
<!--导航-->
<!--/*/ <th:block th:fragment="mainBody" >  /*/-->

<div class="center">
    <div class="col-main">
        <div class="main-wrap">

            <div class="user-news">

                <!--标题 -->
                <div class="am-cf am-padding">
                    <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">我的消息</strong> /
                        <small>News</small>
                    </div>
                </div>
                <hr/>

                <div class="am-tabs am-tabs-d2" data-am-tabs>
                    <ul class="am-avg-sm-3 am-tabs-nav am-nav am-nav-tabs">
                        <li class="am-active"><a href="#tab1">商城活动</a></li>
                        <li><a href="#tab2">物流助手</a></li>
                        <li><a href="#tab3">交易信息</a></li>

                    </ul>

                    <div class="am-tabs-bd">
                        <div class="am-tab-panel am-fade am-in am-active" id="tab1">

                            <div class="news-day">
                                <div class="goods-date" data-date="2015-12-21">
                                    <span>	<i
                                            class="date-desc">今天</i></span>
                                </div>

                                <!--消息 -->
                                <div class="s-msg-item s-msg-temp i-msg-downup">
                                    <h6 class="s-msg-bar"><span class="s-name">每日新鲜事</span></h6>
                                    <div class="s-msg-content i-msg-downup-wrap">
                                        <div class="i-msg-downup-con">
                                            <a class="i-markRead" target="_blank" href="blog.html">
                                                <img src="../lib/image/TB102.jpg">
                                                <p class="s-main-content">
                                                    最特色的湖北年货都在这儿 ~快来囤年货啦！
                                                </p>
                                                <p class="s-row s-main-content">
                                                    <a href="blog.html">
                                                        阅读全文 <i class="am-icon-angle-right"></i>
                                                    </a>
                                                </p>
                                            </a>
                                        </div>
                                    </div>
                                    <a class="i-btn-forkout" href="#"><i class="am-icon-close am-icon-fw"></i></a>
                                </div>
                            </div>
                        </div>

                        <div class="am-tab-panel am-fade" id="tab2">
                            <!--消息 -->
                            <div class="s-msg-item s-msg-temp i-msg-downup">
                                <h6 class="s-msg-bar"><span class="s-name">订单已签收</span></h6>
                                <div class="s-msg-content i-msg-downup-wrap">
                                    <div class="i-msg-downup-con">
                                        <a class="i-markRead" target="_blank" href="logistics.html">
                                            <div class="m-item">
                                                <div class="item-pic">
                                                    <img src="lib/image/88.jpg_120x120xz.jpg"
                                                         class="itempic J_ItemImg">
                                                </div>
                                                <div class="item-info">
                                                    您购买的礼盒袜子已签收，
                                                    快递单号:373269427868
                                                </div>

                                            </div>

                                            <p class="s-row s-main-content">
                                                查看详情 <i class="am-icon-angle-right"></i>
                                            </p>
                                        </a>
                                    </div>
                                </div>
                                <a class="i-btn-forkout" href="#"><i class="am-icon-close am-icon-fw"></i></a>
                            </div>
                        </div>

                        <div class="am-tab-panel am-fade" id="tab3">
                            <!--消息 -->
                            <div class="s-msg-item s-msg-temp i-msg-downup">
                                <h6 class="s-msg-bar"><span class="s-name">卖家已退款&nbsp;¥12.90元</span></h6>
                                <div class="s-msg-content i-msg-downup-wrap">
                                    <div class="i-msg-downup-con">
                                        <a class="i-markRead" target="_blank" href="record.html">
                                            <div class="m-item">
                                                <div class="item-pic">
                                                    <img src="../lib/image/kouhong.jpg_80x80.jpg"
                                                         class="itempic J_ItemImg">
                                                </div>
                                                <div class="item-info">
                                                    <p class="item-comment">您购买的美康粉黛醉美唇膏卖家已退款</p>
                                                    <p class="item-time">2018-04-21&nbsp;17:38:29</p>
                                                </div>

                                            </div>

                                            <p class="s-row s-main-content">
                                                <a href="record.html">钱款去向</a> <i class="am-icon-angle-right"></i>
                                            </p>
                                        </a>
                                    </div>
                                </div>
                                <a class="i-btn-forkout" href="#"><i class="am-icon-close am-icon-fw"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!--底部-->
        <div style="margin-top: 200px;"></div>
    </div>

    <aside class="menu" style="margin-left:auto;margin-top: 10px;">
        <ul style="margin-top: -10px;margin-left: -10px;">
            <li class="person active">
                <a href="user/index">个人中心</a>
            </li>
            <li class="person">
                <a href="javascript:void(0)">个人资料</a>
                <ul>
                    <li><a href="user/information">个人信息</a></li>
                    <li><a href="user/safety">安全设置</a></li>
                    <li><a href="user/address">收货地址</a></li>
                </ul>
            </li>
            <li class="person">
                <a href="javascript:void (0)">我的交易</a>
                <ul>
                    <li><a href="user/order">订单管理</a></li>
                    <li><a href="user/change">退款售后</a></li>
                </ul>
            </li>
            <li class="person">
                <a href="javascript:void(0)">我的资产</a>
                <ul>
                    <li><a href="user/coupon">优惠券 </a></li>
                    <li><a href="user/bonus">红包</a></li>
                    <li><a href="user/bill">账单明细</a></li>
                </ul>
            </li>
            <li class="person">
                <a href="javascript:void(0)">我的小窝</a>
                <ul>
                    <li><a href="user/collection">收藏</a></li>
                    <li><a href="user/foot">足迹</a></li>
                    <li><a href="user/comment">评价</a></li>
                    <li><a href="user/news">消息</a></li>
                </ul>
            </li>
        </ul>

    </aside>
</div>

<!--/*/ </th:block>  /*/-->

<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="tailScript" > /*/-->
<script src="lib/AmazeUI-2.4.2/assets/js/amazeui.js"></script>
<!--/*/ </th:block>  /*/-->
</body>
</html>
